<!-- 司机统计图表 -->
<div style="padding: 20px; background-color: #F2F2F2;">
	<div class="layui-row layui-col-space15">

		<form class="layui-form" action="" style="margin-top:10px;">
			
			<div class="layui-card">
				<div class="layui-row" style="padding: 10px ;">
					<div class="layui-input-inline">
						<input type="hidden" name="driver_id" value="{$Think.get.driver_id}" placeholder="司机姓名" autocomplete="off" class="layui-input driver_id">
						<input type="text" name="driver_name" value="{$Think.get.driver_name}" placeholder="司机姓名" autocomplete="off" class="layui-input driver_name" readonly>
					</div>
					<div class="layui-input-inline">
						<input type="hidden" name="company_id" value="{$Think.get.company_id}" placeholder="司机公司" autocomplete="off" class="layui-input company_id">
						<input type="text" name="company_name" value="{$Think.get.company_name}" placeholder="司机公司" autocomplete="off" class="layui-input company_name" readonly>
					</div>
					<div class="layui-inline">
						<div class="layui-input-inline">
							<select class="" name="time" lay-verify="">
								<option {$Think.get.time? '':selected} value="0">点击选择时间范围</option>
								<option {$Think.get.time=="day" ?selected: ''} value="day">今日</option>
								<option {$Think.get.time=="month" ?selected: ''} value="month">今月</option>
								<option {$Think.get.time=="year" ?selected: ''} value="year">今年</option>
							</select>
						</div>
					</div>
					<div class="layui-inline">
						<button class="layui-btn layui-btn-normal">查询</button>
						<button type="button" class="layui-btn layui-btn-primary reset">重置</button>
					</div>
				</div>
			</div>
		</form>
		<div class="layui-col-md12">
				<div class="layui-card">
					<div class="layui-card-header">司机历史数据</div>
					<div class="layui-card-body" style="padding: 20px 15px">
						<div class="layui-row" style="color: #888;">
							<div class="layui-col-md4" >
								<div class="layui-col-md12">流水金额</div>
								<span data-check='money_water' class="layui-col-md12" style="font-size: 30px;font-weight: 900;line-height: 35px;"></span>
								<div class="layui-col-md12" style="font-size: 10px;">
									<div class="layui-col-md3 cl-p">昨日</div>
									<span data-check='money_water_ex' class="layui-col-md9"></span>
								</div>
	
							</div>
							<div class="layui-col-md4" >
								<div class="layui-col-md12">总在线时长</div>
								<span data-check='all_time' class="layui-col-md12" style="font-size: 30px;font-weight: 900;line-height: 35px;"></span>
								<div class="layui-col-md12" style="font-size: 10px;">
									<div class="layui-col-md3 cl-p">昨日</div>
									<span data-check='all_time_ex' class="layui-col-md9"></span>
								</div>
	
							</div>
							<div class="layui-col-md4">
								<div class="layui-col-md12">总里程</div>
								<span data-check='all_meter' class="layui-col-md12" style="font-size: 30px;font-weight: 900;line-height: 35px;"></span>
								<div class="layui-col-md12" style="font-size: 10px;">
									<div class="layui-col-md3 cl-p">昨日</div>
									<span data-check='all_meter_ex' class="layui-col-md9"></span>
								</div>
	
							</div>
						</div>
					</div>
				</div>
			</div>
		<div class="layui-col-md6">
			<div class="layui-card">
				<div class="layui-card-header">司机订单</div>
				<div class="layui-card-body">
					<div class="layui-row"style="color: #888;">
						<div class="layui-col-md12" style="height: 100px;">
							<div class="layui-col-md6">
								用户投诉
								<span data-check='bad_evaluate'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
							<div class="layui-col-md6">
								取消数
								<span data-check='cancel'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
							<div class="layui-col-md6">
								评价数
								<span data-check='evaluate'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
							<div class="layui-col-md6">
								接单数
								<span data-check='check'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
						</div>
						<div class="layui-col-md12" style="height: 400px;">
							<div id="main2" style="width: 100%;height:400px;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="layui-col-md6">
			<div class="layui-card">
				<div class="layui-card-header">司机数量(共<span data-check='number'></span>人)</div>
				<div class="layui-card-body">
					<div class="layui-row" style="color: #888;">
						<div style="height: 100px;">
							<div class="layui-col-md12">
							在线司机:<span data-check='onlie'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
							<div class="layui-col-md12">
							不在线司机:<span data-check='no_onlie'  style="font-size: 30px;font-weight: 900;line-height: 35px;margin-left: 10px;"></span>
							</div>
						</div>
						<div class="layui-col-md12" style="height: 400px;">
							<div id="main3" style="width: 100%;height:400px;padding: 20px;"></div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</div>

<!--
<div class="layui-col-md12">
 
    
    <form class="layui-form" action="" style="margin-top:10px;">
        <div class="layui-form-item layui-col-md12 layui-col-xs12">

            
        </div>
   
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;">
        <legend>司机统计</legend>
    </fieldset>
    <div class="layui-col-sm12">
       
        
    </div>
</div>-->